.pos(@pos:absolute,@top:inherit,@right:inherit,@bottom:inherit,@left:inherit){
    position: @pos;
    top:@top;
    right: @right;
    bottom: @bottom;
    left: @left;
}
.bigMenus {
    position: relative;
    height: 100%;
    overflow: hidden;
    background-color:#fafafa;
    &.hide-title{
        .pos(@pos:absolute, @top:0, @right:0, @left:0);
    }
    .loading{
        .pos(@top:0,@right:0,@bottom:0,@left:0);
        z-index: 10000;
        text-align: center;
        background-color: #fff;
        .loading-box{
           .pos(@top:-10%,@right:0,@bottom:0,@left:0);
            margin: auto;
            height: 75px;
            width: 75px;
            background: rgba(0,0,0,0.8);
            border-radius: 8px;
            position: absolute;
        }
        img{
            width: 30px;
            margin-top: 12px;
        }
        p{
            padding-top:5px;
            color:rgba(255,255,255,.8);
            font-size: 12px;
        }
        
    }
    .btn-box{
        position: relative;
        .btn-add{
            display: block;
            margin-top:5px;
            height: 35px;
            line-height: 35px;
            font-size:13px;
            text-align:center;
            text-decoration:none;
            border:1px solid #06C1AE;
            color:#06C1AE;
            border-radius:4px;
        }
    }
    .num{
        .pos(@pos:absolute, @top:-5px, @right:-5px);
        padding:1px 5px;
        border-radius: 18px;
        background-color:#06C1AE;
        color:#fff;
        font-size:13px;
    }
    .menu-box{
        padding-right: 2%;
        overflow:hidden;
        position:absolute;
        left: 0;
        right: 0;
        top: 0;
        background-color:#fafafa;
        z-index:1;
        .search-box{
            position: relative;
            padding:11px 35px 6px 13px;
            font-size: 14px;
            top: 0;
            left: 0;
            z-index: 100;
            overflow: hidden;
            background-color:#fafafa;
            .icon-search{
                position: relative;
                display:inline-block;
                width:13px;
                height:13px;
                background:url('../../assets/small-search.png') no-repeat center;
                background-size:cover;
                margin-right:5px;
                top:1px;
            }
        }
        &:after{
            content: "";
            .pos(@pos:absolute,@top:initial, @right:0, @bottom:0, @left:0);
            border-top:1px solid #e8e8e8;
            -webkit-transform-origin: 0 100%;
            transform-origin:0 100%;
            -webkit-transform:scaleY(0.5);
            transform:scaleY(0.5);
        }
    }
    .menu-header{
        position:relative;
        overflow:hidden;
        height:43px;
        white-space:nowrap;
        background-color: #fafafa;
        z-index:1;
        ul{ 
            background-color:#fafafa;
            li{
                display:inline-block;
                position: relative;
                font-size:14px;
                margin:6px 35px 6px 0;
                padding:5px 0;
                .num{
                    .pos(@pos:absolute, @top:6px, @right:-20px);
                }
            }
            .current:after {
                content: "";
                .pos(@pos:absolute,@right:0, @bottom:0, @left:0);
                // border-bottom: 3px solid #F03C3C;
                height: 3px;
                background: #F03C3C;
                border-radius: 15px;
                overflow: hidden;
                display: inline-block;
            }
        }
    }
    .menu-list{
        .pos(@pos:absolute, @top:44px, @right:0, @bottom:100px, @left:0);
        background-color:#fff;
        z-index: 0;
        h4{
            padding-top:10px;
            font-size:13px;
            color:#696969;
            text-align:center;
            font-weight:normal;
        }
        .item-list{
            padding-left:2%;
            overflow:hidden;
            li{
                float: left;
                width: 50%;
                padding-right:2%;
                padding-top:15px;
                box-sizing: border-box;
                overflow: hidden;
            }
            .dish-img{
                position: relative;
                display:inline-block;
                height:130px;
                width:100%;
                border-radius:4px;
                border:1px solid #e5e5e5;
                overflow:hidden;
                img{
                    height: 100%;
                }
                .youhui{
                    .pos(@pos:absolute, @top:5px, @left:0);
                    height:20px;
                    width:70px;
                    padding-left: 10px;
                    line-height:20px;
                    font-size:12px;
                    color:#fff;
                    background: url(../../assets/hui-bg.png) no-repeat center;
                    background-size:100%;
                }
            }
            h3{
                margin-top:8px;
                margin-bottom:2px;
                padding-left:1px;
                font-size:15px;
                text-overflow: ellipsis;
                white-space: nowrap;
                overflow: hidden;
                font-weight:normal;
            }
            p{
                padding-left:1px;
            }
            .count{
                position: relative;
                top: 3px;
                color:#999;
                font-size:12px;
            }
            .price{
                color:#FA952F;
                font-size:13px;
            }
        }
    }
}
